---
id: tabs
title: Tabs
sidebar_label: Tabs
---

Tabs are used for navigation between different views or sections within the same context.

## Usage

To use the `Tabs` component, import it from your components along with the child `Tab` components and pass the required props.

import CodeSample from "../../src/CodeSample";
import CodeBlock from "@theme/CodeBlock";

## Basic Tabs

A simple tab example with minimal configuration.

import TabsBasicDemo from '../../samples/components/tabs/tabs_basic';
import TabsBasicSource from '!!raw-loader!../../samples/components/tabs/tabs_basic';

<CodeSample>
    <TabsBasicDemo/>
</CodeSample>

<CodeBlock language="tsx">{TabsBasicSource}</CodeBlock>